<template>
	<div>Vue2Template</div>
</template>

<script>
export default {
	name: "Vue2Template",
	data() {
		return {
			msg: "setup返回对象中的属性会与data函数返回对象的属性合并成为组件对象的属性",
		};
	},
	// 注册子组件
	components: {},
	setup(props) {
		console.log("setup", props);
	},
	beforeCreate() {
		console.log("beforeCreate");
	},
};
/* setup的返回值

一般都返回一个对象: 为模板提供数据, 也就是模板中可以直接使用此对象中的所有属性/方法
返回对象中的属性会与data函数返回对象的属性合并成为组件对象的属性
返回对象中的方法会与methods中的方法合并成功组件对象的方法
如果有重名, setup优先
注意:
一般不要混合使用: methods中可以访问setup提供的属性和方法, 但在setup方法中不能访问data和methods
setup不能是一个async函数: 因为返回值不再是return的对象, 而是promise, 模板看不到return对象中的属性数据 */
</script>
